/**
 * 适配基准字号配置文件 rem.scss
 */

html {
    font-size: 10px;
}

@media screen and (max-width: 450px) and (min-width: 350px) {
    html {
        font-size: 12px;
    }
}

@media screen and (max-width: 550px) and (min-width: 450px) {
    html {
        font-size: 13.3333px;
    }
}

@media screen and (max-width: 650px) and (min-width: 550px) and (-webkit-min-device-pixel-ratio: 1.5) {
    html {
        font-size: 16px;
    }
}

@media screen and (max-width: 750px) and (min-width: 650px) and (-webkit-min-device-pixel-ratio: 1.5) {
    html {
        font-size: 18.6666px;
    }
}

@media screen and (min-width: 750px) and (max-width: 1020px) and (-webkit-min-device-pixel-ratio: 1.5) {
    html {
        font-size: 20px;
    }
}


@media screen and (orientation:portrait) and (min-device-width:700px) and (min-device-height:1000px) and (-webkit-min-device-pixel-ratio: 1.5){

    // 平板竖屏
    html {
        font-size: 20px;
    }
}

@media screen and (orientation:landscape) and (min-device-width:1000px) and (min-device-height:800px) and (-webkit-min-device-pixel-ratio: 1.5) {

    // 平板横屏
    html {
        font-size: 20px;
    }
}